:root {
    --blue-1: #e6f7ff;
    --blue-2: #bae7ff;
    --blue-3: #91d5ff;
    --blue-4: #69c0ff;
    --blue-5: #40a9ff;
    --blue-6: #0f40f5;
    --blue-7: #096dd9;
    --blue-8: #0050b3;
    --blue-9: #003a8c;
    --blue-10: #002766;

    --green-1: #f6ffed;
    --green-2: #d9f7be;
    --green-3: #b7eb8f;
    --green-4: #95de64;
    --green-5: #73d13d;
    --green-6: #52c41a;
    --green-7: #389e0d;
    --green-8: #237804;
    --green-9: #135200;
    --green-10: #092b00;

    --red-1: #fff1f0;
    --red-2: #ffccc7;
    --red-3: #ffa39e;
    --red-4: #ff7875;
    --red-5: #ff4d4f;
    --red-6: #f5222d;
    --red-7: #cf1322;
    --red-8: #a8071a;
    --red-9: #820014;
    --red-10: #5c0011;

    --gold-1: #fffbe6;
    --gold-2: #fff1b8;
    --gold-3: #ffe58f;
    --gold-4: #ffd666;
    --gold-5: #ffc53d;
    --gold-6: #faad14;
    --gold-7: #d48806;
    --gold-8: #ad6800;
    --gold-9: #874d00;
    --gold-10: #613400;

    --purple-1: #f9f0ff;
    --purple-2: #efdbff;
    --purple-3: #d3adf7;
    --purple-4: #b37feb;
    --purple-5: #9254de;
    --purple-6: #722ed1;
    --purple-7: #531dab;
    --purple-8: #391085;
    --purple-9: #22075e;
    --purple-10: #120338;

    --cyan-1: #e6fffb;
    --cyan-2: #b5f5ec;
    --cyan-3: #87e8de;
    --cyan-4: #5cdbd3;
    --cyan-5: #36cfc9;
    --cyan-6: #13c2c2;
    --cyan-7: #08979c;
    --cyan-8: #006d75;
    --cyan-9: #00474f;
    --cyan-10: #002329;

    --pink-1: #fff0f6;
    --pink-2: #ffd6e7;
    --pink-3: #ffadd2;
    --pink-4: #ff85c0;
    --pink-5: #f759ab;
    --pink-6: #eb2f96;
    --pink-7: #c41d7f;
    --pink-8: #9e1068;
    --pink-9: #780650;
    --pink-10: #520339;

    --orange-1: #fff7e6;
    --orange-2: #ffe7ba;
    --orange-3: #ffd591;
    --orange-4: #ffc069;
    --orange-5: #ffa940;
    --orange-6: #fa8c16;
    --orange-7: #d46b08;
    --orange-8: #ad4e00;
    --orange-9: #873800;
    --orange-10: #612500;

    --primary-radius: #fff;
    --primary-1: var(--blue-1);
    --primary-2: var(--blue-2);
    --primary-3: var(--blue-3);
    --primary-4: var(--blue-4);
    --primary-5: var(--blue-5);
    --primary-6: var(--blue-6);
    --primary-7: var(--blue-7);
    --primary-8: var(--blue-8);
    --primary-9: var(--blue-9);
    --primary-10: var(--blue-10);

    --primary-color: var(--primary-6);
    --primary-color-hover: var(--primary-5);
    --primary-color-active: var(--primary-7);
    --primary-color-outline: var(--primary-2);

    --info-color: var(--primary-color);
    --success-color: var(--green-6);
    --processing-color: var(--blue-6);
    --highlight-color: var(--red-5);

    --warning-color: var(--gold-6);
    --warning-color-hover: var(--gold-5);
    --warning-color-active: var(--gold-7);
    --warning-color-outline: var(--gold-2);

    --error-color: var(--red-5);
    --error-color-hover: var(--red-4);
    --error-color-active: var(--red-7);
    --error-color-outline: var(--red-2);

    --body-background: #fff;
    --component-background: #fff;

    --popover-background: @component-background;
    --popover-customize-border-color: @border-color-split;

    --text-color: fade(@black, 85%);
    --text-color-secondary: fade(@black, 45%);
    --text-color-inverse: @white;
    --icon-color-hover: fade(@black, 75%);
    --heading-color: fade(@black, 85%);

    --item-hover-bg: #f5f5f5;

    // Border color
    --border-color-base: hsv(0, 0, 85%);
    --border-color-split: hsv(0, 0, 94%);
    //--border-color-inverse: @white;

    //
    --background-color-light: hsv(0, 0, 98%);
    --background-color-base: hsv(0, 0, 96%);

    // Disabled states
    --disabled-color: fade(#000, 25%);
    --disabled-bg: @background-color-base;
    --disabled-color-dark: fade(#fff, 35%);

    // Shadow
    --shadow-color: rgba(195, 62, 62, 0.15);
    --shadow-color-inverse: @component-background;
    --box-shadow-base: @shadow-1-down;
    --shadow-1-up: 0 -2px 8px @shadow-color;
    --shadow-1-down: 0 2px 8px @shadow-color;
    --shadow-1-left: -2px 0 8px @shadow-color;
    --shadow-1-right: 2px 0 8px @shadow-color;
    --shadow-2: 0 4px 12px @shadow-color;

    // Buttons
    --btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    --btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);

    --btn-default-bg: @component-background;

    --btn-default-ghost-color: @component-background;
    --btn-default-ghost-border: @component-background;

    --btn-text-hover-bg: rgba(0, 0, 0, 0.018);
    --btn-text-active-bg: rgba(0, 0, 0, 0.028);

    // Checkbox
    --checkbox-check-bg: @checkbox-check-color;

    // Descriptions
    --descriptions-bg: #fafafa;

    // Divider
    --divider-color: rgba(0, 0, 0, 6%);

    // Dropdown 有两个
    --dropdown-menu-submenu-disabled-bg: @component-background;

    // Radio
    --radio-dot-disabled-color: fade(@black, 20%);
    --radio-solid-checked-color: @component-background;

    // Radio buttons
    --radio-disabled-button-checked-bg: coverTintMixin(@black, 90%);
    --radio-disabled-button-checked-color: @disabled-color;

    // Layout
    --layout-body-background: #f0f2f5;
    --layout-header-background: #001529;
    --layout-trigger-background: #002140;
    //--layout-sider-background-1: coverTintMixin(#001529, 10%);

    // Dropdown 有两个
    --dropdown-menu-bg: @component-background;

    // Input
    --input-placeholder-color: hsv(0, 0, 75%);
    --input-icon-color: @input-color;
    --input-bg: @component-background;
    --input-number-handler-active-bg: #f4f4f4;
    --input-icon-hover-color: fade(@black, 85%);

    // Mentions
    --mentions-dropdown-bg: @component-background;

    // Select
    --select-dropdown-bg: @component-background;
    --select-background: @component-background;
    --select-clear-background: @select-background;
    --select-selection-item-bg: @background-color-base;
    --select-selection-item-border-color: @border-color-split;
    --select-multiple-disabled-background: @input-disabled-bg;
    --select-multiple-item-disabled-color: #bfbfbf;
    --select-multiple-item-disabled-border-color: @select-border-color;

    // Cascader
    --cascader-bg: @component-background;
    --cascader-menu-bg: @component-background;
    --cascader-menu-border-color-split: @border-color-split;

    // Tooltip
    --tooltip-bg: rgba(0, 0, 0, 0.75);

    // Popover
    --popover-bg: @component-background;

    // Modal
    --modal-header-bg: @component-background;
    --modal-header-border-color-split: @border-color-split;
    --modal-content-bg: @component-background;
    --modal-footer-border-color-split: @border-color-split;

    // Progress
    --progress-steps-item-bg: #f3f3f3;

    // Menu
    --menu-popup-bg: @component-background;
    --menu-dark-bg: @layout-header-background;
    --menu-dark-inline-submenu-bg: #000c17;

    // Table
    --table-header-bg: @background-color-light;
    --table-header-sort-bg: @background-color-base;
    --table-body-sort-bg: #fafafa;
    --table-row-hover-bg: @background-color-light;
    --table-expanded-row-bg: #fbfbfb;
    --table-header-cell-split-color: rgba(0, 0, 0, 0.06);
    --table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
    --table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
    --table-filter-btns-bg: inherit;
    --table-filter-dropdown-bg: @component-background;
    --table-expand-icon-bg: @component-background;

    // TimePicker
    --picker-bg: @component-background;
    --picker-basic-cell-disabled-bg: @disabled-bg;
    --picker-border-color: @border-color-split;

    // Calendar
    --calendar-bg: @component-background;
    --calendar-input-bg: @input-bg;
    --calendar-border-color: @border-color-inverse;
    --calendar-full-bg: @calendar-bg;

    // Badge
    --badge-text-color: @component-background;

    // Rate
    --rate-star-bg: @border-color-split;

    // Card
    --card-actions-background: @component-background;
    --card-skeleton-bg: #cfd8dc;
    --card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
        0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);

    // Comment
    --comment-bg: inherit;
    --comment-author-time-color: #ccc;
    --comment-action-hover-color: #595959;

    // BackTop
    --back-top-bg: @text-color-secondary;
    --back-top-hover-bg: @text-color;

    // Avatar
    --avatar-bg: #ccc;

    // Switch
    --switch-bg: @component-background;

    // Pagination
    --pagination-item-bg: @component-background;
    --pagination-item-bg-active: @component-background;
    --pagination-item-link-bg: @component-background;
    --pagination-item-disabled-color-active: @white;
    --pagination-item-disabled-bg-active: darken(hsv(0, 0, 96%), 10%);
    --pagination-item-input-bg: @component-background;

    // PageHeader
    --page-header-back-color: #000;
    --page-header-ghost-bg: inherit;

    // Slider
    --slider-rail-background-color: @background-color-base;
    --slider-rail-background-color-hover: #e1e1e1;
    --slider-dot-border-color: @border-color-split;
    --slider-dot-border-color-active: @primary-4;

    // Tree
    --tree-bg: @component-background;

    // Skeleton
    --skeleton-to-color: coverShadeMixin(@skeleton-color, 5%);

    // Transfer
    --transfer-item-hover-bg: @item-hover-bg;

    // Message
    --message-notice-content-bg: @component-background;

    // List
    --list-customize-card-bg: @component-background;

    // Drawer
    --drawer-bg: @component-background;

    // Timeline
    --timeline-color: @border-color-split;
    --timeline-dot-color: @primary-color;

    // Image
    --image-preview-operation-disabled-color: rgba(255, 255, 255, 0.45);

    // Steps
    --steps-nav-arrow-color: fade(@black, 25%);
    --steps-background: @component-background;

    // Notification
    --notification-bg: @component-background;

    // 侧边栏
    --sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, 0.08);
    --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);

    // 顶栏
    --header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    --header-tool-hover-bg: rgba(0, 0, 0, 0.025);
    --header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
    --header-color-split: rgba(0, 0, 0, 0.08);

    // logo
    --logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, 0.08);
    --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);

    //
    --gradient-min: fade(#cfd8dc, 20%);
    --gradient-max: fade(#cfd8dc, 40%);

    // font
    --font-color: rgba(0, 0, 0, 0.88);
    // header-bottom
    --header-bottom: rgba(246, 246, 246, 0.85);
    // breadcrumb-background
    --breadcrumb-background: rgba(253, 253, 253, 0.85);
    // background-color
    --snowy-background-color: #ffffff;
    // tag-background
    --tag-background: rgba(253, 253, 253);
    //
    --success-fade-20: fade(#52c41a, 20%);
    --error-fade-20: fade(#ff4d4f, 20%);
    --warning-fade-20: fade(#faad14, 20%);

    //--primary-fade-20: fade(#1890ff, 20%);
    --primary-fade-20: var(--primary-2);
    //--primary-fade-8: fade(#1890ff, 8%);

    --white--fade--65: rgba(255, 255, 255, 0.65);
    --menu-dark-highlight-color: #fff;
    --btn-primary-color: #fff;
    --tooltip-color: #fff;
    --card-above-color: #f0f0f0;
    --card-above-border-color: #cccccc;

    // workfolw design
    --node-wrap-box-color: rgb(255, 255, 255);
    --node-wrap-box-before-color: #ffffff;
    --node-wrap-box-before-borde-color: rgb(202, 202, 202);
    --auto-judge-before-color: #fff;
    --cover-line-before-color: #fff;
}

$primary-color: #467fd9;
$primary-light: #e6f7f5;
$bg-light: #f8fafc;
$bg-white: #ffffff;
$text-title: #2c3e50;
$text-secondary: #666666;
$text-light: #999999;
$border-color: #eaeaea;
$border-radius: 8px;
$shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
$transition: all 0.2s ease;

html,
body {
    width: 100%;
    height: 100%;
    font: 14px/1.4em 'SourceHanSansSC-regular', '黑体', 'Helvetica Neue',
        Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
        '微软雅黑', Arial, sans-serif !important;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.el-table__body tr.current-row > td.el-table__cell {
    background-color: #bae0ff !important;
}
img {
    max-width: 100%;
}

table {
    table-layout: fixed;
}

input,
textarea {
    padding: 1px 5px;
    vertical-align: middle;
}

input,
button {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    background-color: white !important;
}

textarea {
    height: 70px;
    font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
        'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    resize: none;
}

a {
    text-decoration: none;
    outline: none;
}

a,
button {
    cursor: pointer;
}

li {
    list-style: none;
}
.ofa {
    overflow: auto;
}

.ofh {
    overflow: hidden;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    word-wrap: break-word;
}

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

.pr {
    position: relative;
}

.tc {
    text-align: center !important;
}

.tj {
    text-align: justify;
    text-align-last: justify;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: ' ';
}

.clearfix:after {
    clear: both;
}

.fwb {
    font-weight: bold;
}

.br {
    word-break: break-all;
    .el-form-item__content,
    .el-form-item__label {
        line-height: 25px !important;
    }
}

.mg0 {
    margin: 0;
}

.mg10 {
    margin: 10px;
}

.mg20 {
    margin: 20px;
}

.mg30 {
    margin: 30px;
}

.mg40 {
    margin: 40px;
}

.mgt0 {
    margin-top: 0 !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt10 {
    margin-top: 10px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgr20 {
    margin-right: 20px;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr40 {
    margin-right: 40px;
}

.mgb0 {
    margin-bottom: 0 !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgb10 {
    margin-bottom: 10px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgb40 {
    margin-bottom: 40px;
}

.mgl5 {
    margin-left: 5px !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl15 {
    margin-left: 15px !important;
}

.mgl20 {
    margin-left: 20px;
}

.mgl30 {
    margin-left: 30px;
}

.mgl40 {
    margin-left: 40px;
}

.mgl50 {
    margin-left: 50px;
}

.mgtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mglr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mglr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mgtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mglr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mgtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mglr30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mgtb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mglr40 {
    margin-left: 40px;
    margin-right: 40px;
}

.pd0 {
    padding: 0;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd30 {
    padding: 30px;
}

.pd40 {
    padding: 40px;
}

.pdl10 {
    padding-left: 10px;
}

.pdr10 {
    padding-right: 10px;
}

.pdr0 {
    padding-right: 0 !important;
}

.pdt10 {
    padding-top: 10px;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdtb0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pdtb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdtb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pdl20 {
    padding-left: 20px;
}

.pdr20 {
    padding-right: 20px;
}

.pdt0 {
    padding-top: 0;
}

.pdt20 {
    padding-top: 20px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdtb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pdlr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pdlr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pdlr20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pdlr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pdl30 {
    padding-left: 30px;
}

.pdr30 {
    padding-right: 30px;
}

.pdt30 {
    padding-top: 30px;
}

.pdb30 {
    padding-bottom: 30px;
}

.pdtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.pdl40 {
    padding-left: 40px;
}

.pdr40 {
    padding-right: 40px;
}

.pdt40 {
    padding-top: 40px;
}

.pdb40 {
    padding-bottom: 40px;
}

.pdtb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdlr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pdlr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.dnone {
    display: none !important;
}

.dblock {
    display: block;
}

.dinline {
    display: inline;
}

.dinlineb {
    display: inline-block;
    vertical-align: middle;
}

.wfull {
    width: 100%;
}

.w0 {
    width: 0 !important;
}

.hfull {
    height: 100% !important;
}

.pointer {
    cursor: pointer;
}

@font-face {
    font-family: 'appiconfont'; /* Project id 2816964 */
    src: url('//at.alicdn.com/t/c/font_4648013_4e5n4av6d2q.woff?t=1727256960140')
        format('woff');
}
.p-left-5 {
    padding-left: 5px;
}

.p-left-10 {
    padding-left: 10px;
}

.p-left-15 {
    padding-left: 15px;
}

.p-left-20 {
    padding-left: 20px;
}

.p-right-5 {
    padding-right: 5px;
}

.p-right-10 {
    padding-right: 10px;
}

.p-right-15 {
    padding-right: 15px;
}

.p-right-20 {
    padding-right: 20px;
}

.m-left-5 {
    margin-left: 5px;
}

.m-left-10 {
    margin-left: 10px;
}

.m-left-15 {
    margin-left: 15px;
}

.m-left-20 {
    margin-left: 20px;
}

.m-right-5 {
    margin-right: 5px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-15 {
    margin-right: 15px;
}

.m-right-20 {
    margin-right: 20px;
}

.p-top-5 {
    padding-top: 5px;
}

.p-top-10 {
    padding-top: 10px;
}

.p-top-15 {
    padding-top: 15px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-bottom-5 {
    padding-bottom: 5px;
}

.p-bottom-10 {
    padding-bottom: 10px;
}

.p-bottom-15 {
    padding-bottom: 15px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.p-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.p-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.m-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.m-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.m-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.m-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.m-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*边距*/

/*手势*/
.pointer {
    cursor: pointer;
}
/* #file2 {
      opacity: 0;
  }*/

/*手势*/
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f-weight {
    font-weight: bold;
}
.f-1 {
    flex: 1;
}
.el-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*flex*/
.flex {
    display: flex;
}

.j-between {
    justify-content: space-between;
}

.a-center {
    align-items: center;
}

.f-warp {
    flex-wrap: wrap;
}
.f-shrink {
    flex-shrink: 0;
}

.column {
    flex-direction: column;
}

.a-end {
    align-items: flex-end;
}

.j-end {
    justify-content: flex-end;
}
.j-center {
    justify-content: center;
}

.appiconfont {
    font-family: 'appiconfont' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-message-box__btns {
    padding: 5px 15px 0 !important;
    text-align: right;
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px !important;
}

// elmessagebox左右按钮替换
.el-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

// 去掉红色校验框
// .el-form-item.is-error .el-input__wrapper,
// .el-form-item.is-error .el-input__wrapper.is-focus,
// .el-form-item.is-error .el-input__wrapper:focus,
// .el-form-item.is-error .el-input__wrapper:hover,
// .el-form-item.is-error .el-select__wrapper,
// .el-form-item.is-error .el-select__wrapper.is-focus,
// .el-form-item.is-error .el-select__wrapper:focus,
// .el-form-item.is-error .el-select__wrapper:hover,
// .el-form-item.is-error .el-textarea__inner,
// .el-form-item.is-error .el-textarea__inner.is-focus,
// .el-form-item.is-error .el-textarea__inner:focus,
// .el-form-item.is-error .el-textarea__inner:hover {
//     box-shadow: 0 0 0 1px #dcdfe6 inset !important;
// }
// .el-form-item__error {
//     display: none;
// }

.title-center {
    .el-dialog__header {
        text-align: left;
    }
}

.el-color-primary {
    color: #409eff;
}
.el-color-danger {
    color: #f56c6c;
}

.el-color-warning {
    color: #e6a23c;
}

.el-color-info {
    color: #909399;
}

.el-color-success {
    color: #67c23a;
}
.el-background-primary {
    background: #409eff;
}
.el-background-danger {
    background: #f56c6c;
}

.el-background-warning {
    background: #e6a23c;
}

.el-background-info {
    background: #909399;
}

.el-background-success {
    background: #67c23a;
}

.el-cursor-pointer {
    cursor: pointer;
}
.popover-shadow {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
.header-bg-class {
    background: #fafafa !important;
}
.header-bg-class th.el-table__cell {
    background: #fafafa !important;
    font-weight: 600;
}
// 进度条颜色
#nprogress .bar {
    background: var(--blue-5);
}
.el-card {
    margin-bottom: 10px;
    box-shadow: none !important;
}
.hh-el-card-body {
    padding: 15px 20px 10px !important;
}
.meta-form-detail .el-form-item {
    background: #f8fafc;
    border-radius: 5px;
}
.meta-form-detail .el-form-item--default .el-form-item__content {
    padding-left: 20px;
    color: #333;
}

/* 修改滚动条的宽度和颜色 */
.utable .el-table__body-wrapper .el-scrollbar__bar.is-horizontal {
    height: 8px !important;
}
.utable .el-table__body-wrapper .el-scrollbar__bar.is-vertical {
    width: 8px !important;
}

.viewer-toolbar > ul > li {
    margin-left: 5px;
    margin-right: 5px;
}
.el-dialog {
    margin-top: 10vh !important;
}
.dialog-form {
    max-height: 73vh;
    overflow-y: auto;
    overflow-x: hidden;
}
// small的按钮
.el-message-box__btns {
    text-align: center;
    justify-content: center;
    .el-button {
        font-size: 12px;
        padding: 5px 11px;
        height: 24px;
    }
}
.el-message-box__container .el-icon {
    font-size: 18px;
}
.el-message-box__content {
    margin-bottom: 10px;
}
.el-upload-list {
    margin-top: 2px !important;
}
.el-page-header__content {
    font-size: 16px !important;
}

// .el-sub-menu__title,
// .el-menu-item,
// .el-sub-menu .el-menu-item {
//     height: 42px !important;
//     line-height: 42px !important;
// }
.el-main {
    padding: 0 !important;
}
.el-card__header {
    padding: 8px 10px !important;
}
.el-card__body {
    padding: 10px 15px !important;
}
.main-tabs-scroll {
    .el-tabs__content {
        height: calc(100% - 54px);
        overflow: auto;
        padding: 20px;
    }
}
.el-button.is-text {
    padding: 3px 5px;
}
.el-button.is-text + .el-button.is-text {
    margin-left: 5px;
}
.no-bottom .el-form-item {
    margin-bottom: 0;
}

.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
    border-bottom: var(--el-table-border) !important;
}
.el-drawer__header {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    color: var(--el-text-color-regular) !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
}
.lineHeight23 {
    line-height: 23px;
}
.el-table thead {
    color: var(--el-text-color-regular) !important;
}
// .el-button.is-plain {
//     border-color: var(--el-border-color-regular);
// }
.el-form-item__label {
    height: 18px !important;
    line-height: 18px !important;
}

/* 自定义滚动条整体样式 */
::-webkit-scrollbar {
    width: 8px; /* 垂直滚动条宽度 */
    height: 8px; /* 水平滚动条高度 */
}

/* 滚动条轨道（背景） */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* 滚动条滑块（可拖动部分） */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}

/* 滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}
